<template>
  <div id="ashouy">
    <div class="a_top">
      <h1>壹团</h1>
    </div>
    <div class="a_center">
      <div class="a_centop">
        <div class="a_ctopleft">
          <img src="@/assets/img/tx.jpg" alt />
        </div>
        <div class="a_ctopcen">
          <p>058团长的店铺</p>
          <p>精致的生活并不贵</p>
        </div>
        <div class="a_ctoprig">
          <p>分享店铺</p>
        </div>
      </div>
      <div class="a_cenbot"></div>
    </div>
  </div>
</template>
<script>
export default {
  name: "ashouye",
  data() {
    return {};
  },

  methods: {},
  components: {}
};
</script>
<style lang="scss" scoped>
#ashouy {
  width: 100%;
  .a_top {
    width: 100%;
    height: r(88);
    > h1 {
      width: 100%;
      text-align: center;
      font-size: r(34);
      line-height: r(88);
      height: r(88);
      font-weight: 900;
      color: #222222;
    }
  }
  .a_center {
    width: 100%;
    height: r(430);
    position: relative;
    .a_centop {
      width: 100%;
      height: r(250);
      background: #ff6f2c;
      display: flex;
      padding: r(45) 0;
      .a_ctopleft {
        width: r(120);
        height: r(120);
        margin: 0 r(30);
        border-radius: 50%;
        overflow: hidden;
        text-align: center;
        > img {
          width: 100%;
          height: 100%;
          display: block;
        }
      }
      .a_ctopcen {
        height: r(120);
        width: r(398);
        color: #fff;
        > p:nth-child(1) {
          font-size: r(34);
          line-height: r(34);
          margin-top: r(22);
          font-weight: 900;
        }
        > p:nth-child(2) {
          height: r(60);
          line-height: r(60);
          font-size: r(24);
          margin-bottom: r(4);
        }
      }
    }
  }
}
</style>
